/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 颜色变量 */

/* 行为相关颜色 */



/*测试*/
.testBorder{
	border: 2rpx solid #4CD964;
}

/* flex操作 */
.know-flex{ display: flex }


/* 占满 */
.know-all{ flex: 1 }

/* 对齐方式 */
.know-row{ flex-direction: row }

.konw-column{ flex-direction: column; }

/* 换行 */
.know-wrap{ flex-wrap: wrap }

/* ===========对齐方式=========== */

/* 左对齐 */
.know-flex-start{ justify-content: flex-start }

/* 右对齐 */
.konw-flex-end{ justify-content: flex-end }

/* 居中 */
.konw-center{ justify-content: center }

/* 对齐两端 */
.know-space-between{ justify-content: space-between }


/* 各div间距相等 */
.know-space-around{ justify-content: space-around }

/* 起点对齐方式 */
/*对齐起点*/
.know-align-start{ align-items:flex-start }

/*对齐终点*/
.know-align-end{ align-items: flex-end }


/*中点对齐*/
.know-align-center{ align-items: center }



/* fontSize */

.font-18{ font-size:18rpx }
.font-20{ font-size:20rpx }
.font-22{ font-size:22rpx }
.font-24{ font-size:24rpx }
.font-26{ font-size:26rpx }
.font-28{ font-size:28rpx }
.font-30{ font-size:30rpx }
.font-32{ font-size:32rpx }
.font-34{ font-size:34rpx }
.font-26{ font-size:36rpx }
.font-38{ font-size:38rpx }
.font-40{ font-size:40rpx }
.font-42{ font-size:42rpx }
.font-44{ font-size:44rpx }
.font-46{ font-size:46rpx }
.font-48{ font-size:48rpx }
.font-50{ font-size:50rpx }
.font-60{ font-size:60rpx }
.font-70{ font-size:70rpx }
.font-80{ font-size:80rpx }
.font-90{ font-size:90rpx }
.font-100{ font-size:100rpx }
.font-110{ font-size:110rpx }
.font-120{ font-size:120rpx }
.font-130{ font-size:130rpx }
/* font-weight */
.font-weight-500{font-weight: 500}
.font-weight-600{font-weight: 600}
.font-weight-bold{font-weight: bold}
.font-weight-bold{font-weight: bolder}


/* 背景颜色 */
.bg-FFFFFF{ background-color: #FFFFFF}
.bg-EEEEEE{ background-color: #EEEEEE}
.bg-F5F5F5{ background-color: #F5F5F5}
.bg-333333{ background-color: #333333}

/* 字体颜色 */
/* 常用字体黑色色阶向下 */
.color-black2 {color: #222222}
.color-black3 {color: #333333}
.color-black4 {color: #444444}
.color-black6 {color: #666666}
.color-black7 {color: #777777}
.color-black8 {color: #888888}
.color-black9 {color: #999999}
/* 常用字体颜色 */
.color-FFFFFF{color: #FFFFFF}

.clickClass:active{ opacity: 0.75 }

/*文字操作 */
/*居中*/
.text-center{text-align: center}

/*右对齐*/
.text-right{text-align: right}

/* 自定义颜色区域 样式名为 xx-base{ } 可修改*/
.bg-base{
	 background-image: linear-gradient(#4992FE, #53B4FE);
} /* 背景颜色(可修改)*/

.bg-base1{
	background-image: linear-gradient(#FFA926, #FED748);
}

.bg-base2{
	background-image: linear-gradient(#E80A0A, #FF4344);
}

.color-base{
	color: #4992FE;
} /* 字体颜色(可修改) */

.color-base1{
	color: #FFA926;
} 





